<template>
    <div >
      <!--    搜索表单-->
      <div>
        <el-divider ></el-divider>
        <div style="float: left;top:0px">
          <i  style="font-size: x-large" class="el-icon-document-checked"></i><span style="font-weight:bold;font-size: x-large">检查结果录入</span>
        </div>
        <br>
        <el-divider ></el-divider>
        <div >
          <el-input v-model="input1" style="width: 270px;float: left;" placeholder="请输入患者病历号" ></el-input>
          <el-input v-model="input2" style="width: 270px; margin-left: 20px;float: left;" placeholder="请输入患者姓名" ></el-input>
          <el-button style="margin-left: 25px;float: left" type="primary" > 搜索</el-button>
          <br>
        </div>
        <br> <br>
      </div>
      <el-divider ></el-divider>
      <el-table  style="margin-top: -17px" stripe>
        <el-table-column  label="编号" width="80"></el-table-column>
        <el-table-column  label="患者姓名"></el-table-column>
        <el-table-column  label="患者病历号"></el-table-column>
        <el-table-column label="操作"></el-table-column>
      </el-table>
      <div class="block">
  
        <el-pagination
            style="margin-top:2px;margin-right:-2px;float:right;text-align:center"
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="searchForm.page"
            :page-sizes="[5, 10, 15, 20,25,30,35,40]"
            :page-size="searchForm.limit"
            layout="prev, pager, next"
            :total="totalCount">
        </el-pagination>
  
      </div>
      <br><br>
      <el-divider ></el-divider>
      <el-table  style="margin-top:12px" stripe>
        <el-table-column  label="检查编码" ></el-table-column>
        <el-table-column  label="检查名称"></el-table-column>
        <el-table-column  label="检查规格"></el-table-column>
        <el-table-column label="单价"></el-table-column>
        <el-table-column label="费用分类"></el-table-column>
      </el-table>
      <el-tag style="float:left;margin-top:12px;width: 160px;font-size: medium" type="success;">已选择的检查项目:</el-tag>
      <div class="verify">
        <span style="float:left;margin-left:-160px;margin-top:78px;font-size: larger;font-weight: bold">确定检查科室和检查医生</span>
  
        <el-form style="float:left;margin-left:-210px;margin-top:116px;" :inline="true" :model="formInline" class="demo-form-inline">
          <el-form-item label="科室选择">
            <el-select v-model="formInline1.doctor" placeholder="选择科室">
              <el-option label="科室一" value="shanghai"></el-option>
              <el-option label="科室二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item label="医生选择">
            <el-select v-model="formInline2.doctor" placeholder="选择医生">
              <el-option label="医生一" value="shanghai"></el-option>
              <el-option label="医生二" value="beijing"></el-option>
            </el-select>
          </el-form-item>
        </el-form>
        <br>
      </div>
    </div>
  </template>
  
  
  
  <script>
  export default {
    created() { //页面加载时执行查询方法
    },
    data() {
  
      return {
        input1: '',
        input2: '',
        searchForm: { //查询四个属性初始化
          page: 1,
          limit: 5
        },
        formInline1: {
          user: '',
          doctor: ''
        },
        formInline2: {
          user: '',
          doctor: ''
        },
        //下拉列表中部门数据
        totalCount: 50,//要分页的数组总条数
        //当前checkbox选中的数据
        currentCheckedRows: [],
        //弹出层相关的
        title: undefined,//弹出层标题
        open: false,//是否显示弹出层
        //弹出层的表单的数据绑定
      }
    },
    methods: {
      //分页的页码发生变化时触发的事件
      handleCurrentChange(pageNum) {
        this.searchForm.page = pageNum;
        //重新查询
        this.doSearch();
      },
    },
  }
  </script>
  <style scoped>
  </style>